<template>
  <div>
    <div class="gd1">
      <img src="gd1.png" alt />
      <h2>万科城润园</h2>
      <span>精工</span>
      <span>
        120
        m
        <sup>2</sup>
        丨整体竣工
      </span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.gd1 {
  margin: 10px;
  width: 150px;
  margin-top: 20px;
}
.gd1 img {
  width: 150px;
  height: 150px;
}
.gd1 h2 {
  font-size: 14px;
  font-weight: bold;
}
.gd1 span {
  font-size: 10px;
  color: #666666;
}
.gd1 span:nth-of-type(2) {
  margin-left: 38px;
}
</style>